<template>
  <div>
    <p>姓名：{{ name }}</p>
    <p>年龄：{{ age }}</p>
    <p>性别：{{ gender }}</p>
    <p>爱好：{{ hobby }}</p>
  </div>
</template>

<script>
export default {
  props: {
    name: {
      type: String, //数据类型检查
      required: true, //必需属性
    },
    age: {
      type: [String, Number], //接收多个可能的数据类型
    },
    gender: {
      type: String,
      default: "男", //带默认值的字符串
    },
    hobby: {
      type: Array,
      // 数组或对象的默认值必须从一个工厂函数获取
      default() {
        return ["阅读", "旅游"];
      },
    }
  }
};
</script>

<style>
</style>